<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<!-- <view class="text-area">
			<text class="title">{{title}}</text>
		</view> -->
		<view>{{msg}}</view>
		<!-- <view>{{flag ? '我是真的':'我是假的'}}</view>
		<view>{{1+1}}</view> -->
		<image v-bind:src="img"></image>
		<!-- <image :src="img"></image> -->
		<view v-for="(item,i) in arr" :key="i">名字: {{item.name}}---年龄:{{item.age}}</view>
		<!-- <button @click="tapHandle">点我啊</button> -->
		<!-- <button @click="tapHandle">点我啊</button> -->
		<!-- <button @click="tapHandle(1)">点我啊</button> -->
		<button @click="tapHandle(1,$event)">点我啊</button>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				// title: 'Hello',
				msg:'hello-uni'	,
				img:'https://pic1.zhimg.com/v2-52058603cf3391b260d4fd0941363d48_r.jpg?source=1940ef5c',
				// arr:[
				// 	{name:'刘能',age:29},
				// 	{name:'赵四',age:39},
				// 	{name:'宋小宝',age:49},
				// 	{name:'小沈阳',age:59}
					
				// ]
			}
		},
		onLoad() {

		},
		methods: {
			// tapHandle(){
			// 	console.log('真的点我了')
			// },
			// tapHandle(e){
			// 	console.log(e)
			// },  默认如果没有传递参数，时间函数第一个形参为事件对象
			// tapHandle(num){
			// 	console.log(num)
			// },  如果时间传参了，则对用事件函数形参接受的则是传递过来的数据
			tapHandle(num,e){
				console.log(num,e)
			}  //如果事件对象也想传递参数
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.logo {
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	}
=
	.text-area {
		display: flex;
		justify-content: center;
	}

	.title {
		font-size: 36rpx;
		color: #8f8f94;
	}
</style>
